<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>About using a Time Series Slider widget as a selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
img_whs1 { border:none; width:402px; height:322px; float:none; border-style:none; }
img_whs2 { border:none; width:399px; height:321px; float:none; border-style:none; }
img_whs3 { border:none; width:490px; height:446px; float:none; border-style:none; }
ol.whs4 { list-style:decimal; }
p.whs5 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
ul.whs6 { list-style:disc; }
p.whs7 { margin-top:6px; margin-bottom:6px; margin-left:40px; }
p.whs8 { margin-left:0in; margin-right:0in; margin-top:6pt; margin-bottom:6pt; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs8 {margin-left:1pt;margin-right:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nViewing data related to a widget: About using widgets as selectors\nAbout using a Time Series Slider widget as a selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>About using a Time Series Slider widget as a selector</h1>
<p>Report objects on a Time Series Slider widget can be defined as selectors, 
 as described in 
<a href="Widget_as_selector.htm">Viewing data related 
 to a widget: Using a widget as a selector</a>. In Flash Mode in MicroStrategy 
 Web, users can then interact with the widget to control targeted Grid/Graphs 
 and panel stacks in the document. For more information on Time Series 
 Slider widgets, see 
<a href="Time_Series_Slider.htm">Creating a Time Series 
 Slider widget</a>.</p>
<p>A Time Series Slider widget used as a selector can target any of the 
 following:</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>A single Grid/Graph</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Multiple Grid/Graphs</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>A panel stack</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Multiple panel 
 stacks</p></li>
</ul>
<p>In Desktop, or in Design Mode or Editable Mode in MicroStrategy Web, 
 you must define one or more of the objects on the Grid/Graph that contains 
 the widget as selectors. Next, switch to Flash Mode to use the primary 
 graph at the bottom of the widget as a selector. A user can hover over 
 and select an individual data point in the graph to display related data 
 in the target Grid/Graphs and panel stacks. For example, a user can select 
 the data point for January 2006 revenue, and all data in the target Grid/Graphs 
 and panel stacks is updated. </p>
<p>The following document is shown in Flash Mode in MicroStrategy Web. 
 Revenue data related to the last data point in the Time Series Slider 
 widget, in this case December 2006, is shown in the grid report below 
 the widget.</p>
<p><img src="images/Widget_as_selector_first.gif" x-maintain-ratio="TRUE" width="402px" height="322px" border="0" class="img_whs1"></p>
<p>If you click the data point for January 2006, the grid report displays 
 the revenue data related to that date, as shown below.</p>
<p><img src="images/Widget_as_selector_click.gif" x-maintain-ratio="TRUE" width="399px" height="321px" border="0" class="img_whs2"></p>
<p>This example uses the primary graph as the selector, but you can change 
 it to use the slider instead. Instead of clicking a single data point 
 (in this case, a single month) you can instead select a range of months. 
 In the following example, the slider is set to January 2006 through June 
 2006, and the grid report displays the data for that time frame. </p>
<p><img src="images/widget_as_selector_slider.gif" x-maintain-ratio="TRUE" width="490px" height="446px" border="0" class="img_whs3"></p>
<p>To change from using the primary graph as the selector to using the 
 slider, you must format the properties of the widget in Flash Mode in 
 MicroStrategy Web. For instructions, see 
<a href="Widget_as_selector.htm">Viewing 
 data related to a widget: Using a widget as a selector</a>.</p>
<p>In Flash Mode in MicroStrategy Web, you can also ensure that target 
 Grid/Graphs and panel stacks are updated when a user hovers over a data 
 point in the primary graph, instead of clicking the data point. </p>
<p>For details and steps for these two procedures, see 
<a href="Widget_as_selector.htm">Viewing 
 data related to a widget: Using a widget as a selector</a>.</p>
<h3>To use the widget as a selector</h3>
<ol start="1" type="1" class="whs4">
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">In 
 <span style="font-weight: bold;"><B>Design</B></span> or <span style="font-weight: bold;"><B>Editable 
 Mode</B></span>, do one of the following:</p></li>
</ol>
<ol start="9" type="1" class="whs4">
	<ul type="disc" class="whs6">
		
<li class=p><p class="whs5">Right-click 
 the attribute, custom group, or consolidation in the Grid/Graph to use 
 as the selector, and choose <span style="font-weight: bold;"><B>Edit Selector</B></span>. 
 The Configure Selector dialog box opens. </p></li>
		
<li class=p><p class="whs5">Right-click 
 the Metrics column in the Grid/Graph, and choose <span style="font-weight: bold;"><B>Edit 
 Selector</B></span>. The Configure Selector dialog box opens.</p></li>
	</ul>
</ol>
<ol start="2" type="1" class="whs4">
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">Select 
 the target Grid/Graph or panel stack in the list of available targets 
 on the left. Click<span style="font-weight: bold;"><B> &gt;</B></span> to add 
 it to the list of selected targets on the right. You can select multiple 
 targets.</p></li>
</ol>
<p class="whs7">The 
 attribute, custom group, or consolidation you selected in the Grid/Graph 
 is the source, and the selected Grid/Graph is the target. The Action Type 
 of the selector is set to Select Element. </p>
<ol start="3" type="1" class="whs4">
	
<li class=p><p class="whs8">To 
 ensure that the user can select all or more than one element in the widget, 
 select the <span style="font-weight: bold;"><B>Show option for All</B></span> 
 check box. The values of the selected attribute are displayed in the target 
 grid or the target widget.</p></li>
	
<li class=p><p class="whs8">To 
 ensure that the metric totals are displayed in the target grid or target 
 widget, select the <span style="font-weight: bold;"><B>Show option for total</B></span> 
 check box. </p></li>
	
<li class=p><p class="whs8">To 
 view updated values of the selected attribute when data is not available, 
 select the <span style="font-weight: bold;"><B>Automatically update when 
 there is no data for the current selection</B></span> check box.</p></li>
	
<li style=" font-size: 9pt; font-weight: normal; " class=p><p class="whs5">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to apply the changes and return 
 to the document.</p></li>
</ol>
<p class="whs5">&nbsp;</p>
<p class="whs9">Related 
 topic</p>
<ul type="disc" class="whs6">
	
<li class=p><p class="whs5">
<a 
 href="Format_Slider.htm">Formatting a Time Series Slider widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
